stroke-dasharray / stroke-dashoffset を利用してパスを animation (移動)させてみましょう.
@keyframes line で stroke-dashoffset を入れることができます.

▼ sample_css_020_Ch_01.zip Download


II▶︎ about_XHTML_SVG

II▶︎ SVG_Coordinate_Generator_2